{% extends "templates/base.phtml" %}
{% block content %}
<div class="page-content-wrap">
    <div class="row">
        <div class="col-md-12">
            <form class="form-horizontal">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title">应用列表</h3>

                        <div class="btn-group pull-right">
                            <a class="btn btn-success" href="/admin/app/myapp/"><i class="fa fa-plus"></i>我的应用</a>
                        </div>
                    </div>
                    <div class="panel-body">
                        <div class="row">
                            {% for app in page.items %}
                            <div class="form-horizontal col-md-12 app-wrap">
                                <div class="col-md-2 col-sm-2 app-img">
                                    <img src="{{app.pic}}"/>
                                </div>
                                <div class="col-md-8 col-sm-8 app-detail-wrap">
                                    <div class="col-md-12 app-name">
                                        <h4>应用名称：{{app.appname}}</h4>
                                    </div>
                                    <div class="col-md-12 app-detail">
                                        <p>应用介绍：{{app.intro}}</p>
                                    </div>
                                    <div class="col-md-12 app-version">
                                        <p>应用版本：{{app.versions}}</p>
                                    </div>
                                    <div class="col-md-12 app-time">
                                        <p>发布时间：{{app.registertime}}</p>
                                    </div>
                                </div>
                                <div class="col-md-2 col-sm-2 buy-wrap">
                                    <div class="price col-md-12"><h4>价格：{{app.price}}</h4></div>
                                    <div class="buy col-md-12"><a class="btn btn-info"
                                                                  href="/admin/app/info/{{app.id}}">详情</a></div>
                                </div>
                            </div>
                            <hr/>
                            {% endfor %}
                        </div>
                        {% include 'include/page' with ['page':page,'cla':'pagination pagination-sm pull-right','url':'/admin/app/index?page='] %}
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
{%endblock%}
{%block end%}
<style type="text/css">
    .app-wrap{
        padding: 5px 0px;
        border-bottom: 1px solid #E5E5E5;
    }
    .app-img{
        overflow: hidden;
        max-height: 150px;
        margin-top: 5px;
    }
    .app-img img{
        width: 80%;
        height: auto;
    }
    .app-detail-wrap{
        margin-top: 5px;
    }
    .buy-wrap{
        padding-top: 1.5em;
    }
    .price *{
        color:#3FBAE4;
    }
    .price,.buy{
        text-align:center;
    }
</style>
{%endblock%}